// 导入基础库，核心模块
import React from 'react';
// reactDOM 处理dom用的，document object model 标签
import ReactDOM from 'react-dom/client';

const root = ReactDOM.createRoot(
  // 获取id为root的标签
  document.getElementById('root') as HTMLElement
);

// 函数组件
const App = () => {
  return (
    <>
      <h1>hello world</h1>
      <h2>hello world1</h2>
    </>
  );
};

// 函数组件另一种写法
function App1() {
  return (
    <>
      <h1>hhhhh</h1>
      <h2>hhhh1</h2>
    </>
  );
}

// 入口根元素渲染组件app组件
root.render(
  <React.StrictMode>
    <App />
    <App1 />
  </React.StrictMode>
);